<template>
  <content-loader
    :height="160"
    :width="660"
    :speed="2"
    primary-color="#f3f3f3"
    secondary-color="#ecebeb"
  >
    <rect
      x="70"
      y="15"
      rx="4"
      ry="4"
      width="117"
      height="6.4"
    /> <rect
      x="70"
      y="35"
      rx="3"
      ry="3"
      width="85"
      height="6.4"
    />
    <rect
      x="0"
      y="80"
      rx="3"
      ry="3"
      width="550"
      height="6.4"
    /> <rect
      x="0"
      y="100"
      rx="3"
      ry="3"
      width="620"
      height="6.4"
    />
    <rect
      x="0"
      y="120"
      rx="3"
      ry="3"
      width="401"
      height="6.4"
    /> <rect
      x="0"
      y="140"
      rx="3"
      ry="3"
      width="501"
      height="6.4"
    />
    <circle
      cx="30"
      cy="30"
      r="30"
    />
  </content-loader>

  <content-loader
    :height="160"
    :width="660"
    :speed="2"
    primary-color="#f3f3f3"
    secondary-color="#ecebeb"
  >
    <rect
      x="70"
      y="15"
      rx="4"
      ry="4"
      width="117"
      height="6.4"
    /> <rect
      x="70"
      y="35"
      rx="3"
      ry="3"
      width="85"
      height="6.4"
    />
    <rect
      x="0"
      y="80"
      rx="3"
      ry="3"
      width="550"
      height="6.4"
    /> <rect
      x="0"
      y="100"
      rx="3"
      ry="3"
      width="620"
      height="6.4"
    />
    <rect
      x="0"
      y="120"
      rx="3"
      ry="3"
      width="401"
      height="6.4"
    /> <rect
      x="0"
      y="140"
      rx="3"
      ry="3"
      width="501"
      height="6.4"
    />
    <circle
      cx="30"
      cy="30"
      r="30"
    />
  </content-loader>
</template>

<script lang="ts">
import { ContentLoader } from 'vue-content-loader'
export default {
  components: { ContentLoader }
}
</script>
